extends ../../components/layout
append style
  +css(["lib/swiper.min.css","productDetails/productDetails.css"],true)
block title
  title 跟团详情
block content
  include ../../components/data/travelData
  .gzl-page
    section.gzl-section
      .detail-section
        .banner-group
          .social-promotion-index 社交推广
          +swiper(class="gzl-swiper_custom")
        .detail-info
          .gzl-cell
            .gzl-cell__bd
              .detail-info-tit
                strong BAIS大全景英国爱尔兰威尔士 苏格兰 高地翡翠之岛15天 BAIS大全景英国爱尔兰威尔士
              .detail-info-tag
                label.gzl-tag 甜蜜侣程
                label.gzl-tag 海滩海岛
                label.gzl-tag 旅拍
              .detail-info-price.gzl-flex
                .gzl-flex__item.font-warn ¥
                  strong 50000
                +icon
              ul.detail-info-list
                li 
                  label 出发地
                  p 广州
                li 
                  label 目的地
                  p 奥斯陆 - 希尔科内斯 - 赫尔辛基 - 罗凡尼米 - 哥本哈根 - 奥斯陆 - 希尔科内斯
                li 
                  label 服务商
                  p 广州广之旅国际旅行社股份有限公司

        // 跟团领券
        .prod-detail-coupon.gzl-flex
          label 领券
          .gzl-flex__item.show-more-coupon
            span.gzl-tag_coupon: em 5000元
            span.gzl-tag_coupon: em 500元
            span.gzl-tag_coupon: em 100元
            span.gzl-tag_coupon: em 50元
            +icon("#icon-more")(class="more")

        // 跟团预定
        .travel-prod-booking
          .travel-calendar
          .travel-prod
            .travel-discounts.gzl-flex
              label 促销
              .gzl-flex__item.show-more-discounts
                p 
                  span.discounts-tip.cu-tip 促
                  | 成人价¥29999，儿童价¥19999
                p 
                  span.discounts-tip.zeng-tip 赠
                  | 银联用卡奖励注册用卡奖励活动，使用62开头…
                +icon("#icon-more")(class="more")
            ul.travel-prod-list
              li 
                h2 浪漫之路中世纪古城浪漫之路中世纪古城浪漫之路中世纪古城
                  span.gzl-tag 送WiFi
                  span.gzl-tag 送积分
                  span.gzl-tag 免费接送
                p GZLGZ0CE1SK1610151501BAIS
                p 成人价
                  span ¥29999
                  | 儿童价
                  span ¥19999
                  | 婴儿价
                  span ¥19999
                  | 余位
                  span 9

        // 产品等级
        .prod-grade.gzl-flex
          .prod-grade-item
            i.icon-dian
            h1 全程尊享 独特体验
            p 等级说明
          ul.prod-grade-detail.gzl-flex__item
            li.gzl-flex 
              label 住宿
              .gzl-flex__item
                -for(var i=0;i<5;i++)
                  +icon
            li.gzl-flex 
              label 餐饮
              .gzl-flex__item
                -for(var i=0;i<5;i++)
                  +icon
            li.gzl-flex 
              label 交通
              .gzl-flex__item
                -for(var i=0;i<5;i++)
                  +icon
            li.gzl-flex 
              label 行程
              .gzl-flex__item
                -for(var i=0;i<5;i++)
                  +icon

        // 产品信息
        .prod-nav
          +navbar(travelnav)
        ul.prod-introduction
          li.introduction-item#feature
            .gzl-title
              span.gzl-title__info
                strong 产品特色
            .intro-feature
              p.text-info 专家点评：全市首创英国爱尔兰大全景环游！广之旅带您逃离城市喧嚣，放松心情，品味探访英格兰、威尔士、苏格兰、爱尔兰！一个不落！
              img.feature-img(src='http://www.gzl.com.cn/b2c-image/2017/11/24/222a8934-c4f2-4445-bcf4-b79aca2b8d35_300X200.jpg')
              ul.feature-ticket
                - for(var i=0;i<featureTicket.length;i++)
                  li.gzl-flex(class=featureTicket[i].type)
                    .gzl-flex__item.ticket-start
                      strong.ticket-time 10:00
                      .ticket-place 广州
                    .ticket-info
                      .duration-item 4时36分
                      .type-item G1304
                    .gzl-flex__item.ticket-end
                      strong.ticket-time 22:00
                      .ticket-place 上海
            .intro-tit
              h2: strong 开罗塞米勒米斯洲际酒店
              p InterContinental Cairo Semiramis
              .star-item
                -for(var i=0;i<5;i++)
                  +icon('#icon-star-rating')
            img.feature-img(src='http://www.gzl.com.cn/b2c-image/2015/9/23/deac2e55-4bfc-4b6f-98ca-2065c0118345_300X200.jpg')
            p.text-info 开罗塞米勒米斯洲际酒店，您可以享受开罗核心区的便利，步行即可到达阿拉伯国家联盟和解放广场。 该5星级酒店紧邻开罗美国大学及埃及博物馆。
            .intro-tit 
              h2: strong 塞米勒米斯洲际餐厅
            img.feature-img(src='http://file.gzl.cn/group1/M00/1E/0D/wKkBH1v0ulSAKV11AAB5dIVrnUI868.jpg')
            p.text-info 这家酒店的餐饮设施包括6间餐厅和一家咖啡馆；您可以任选一家就餐，也可以在房间里享受24小时客房送餐服务；欢迎光临池畔酒吧，一杯，放松一下；此外还有2间酒吧/酒廊供您选择。
          li.introduction-item#tour
            .gzl-title
              span.gzl-title__info
                strong 行程介绍
            p.text-info 出发日期：2016-10-15
            p.text-info 套餐编号：GZLGZ0CE1SK1610151501BAIS
            ul.prod-tour
              li.prod-tour-item 
                h2.tour-tit
                  span.tour-day D1
                  | 广州-飞机-经赫尔辛基转机-飞机-伦敦-英格兰
                .tour-info 
                  span.tour-tip
                    +icon
                  p AY068 广州-赫尔辛基 09:50-14:50（飞行时间约10小时） AY995  赫尔辛基-伦敦 17:00-18:05（飞行时间约2小时） 
                .tour-info
                  span.tour-tip
                    +icon
                  p.
                    早餐：敬请自理<br/>
                    中餐：敬请自理<br/>
                    晚餐：敬请自理
                .tour-info 
                  span.tour-tip
                    +icon
                  p 开罗塞米勒米斯洲际酒店
              li.prod-tour-item 
                h2.tour-tit
                  span.tour-day D2
                  | 伦敦-英格兰
                .tour-info 
                  p AY068 广州-赫尔辛基 09:50-14:50（飞行时间约10小时） AY995  赫尔辛基-伦敦 17:00-18:05（飞行时间约2小时） 
                  ul.tour-img
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1C/74/wKkBH1t745eABcixAAAyTcv7Xww280.jpg")
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1E/F3/wKkBHlt745eAaEQ8AAA2DH3FFlI771.jpg")
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1C/56/wKkBH1t2na6Aa28eAABVu-HwuD4143.jpg")
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1E/E4/wKkBHlt2na6AJk6zAABUV8C8REw892.jpg")
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1C/56/wKkBH1t2na6AXe1AAABHxxY4Jp4875.jpg")
                .tour-info
                  span.tour-tip
                    +icon
                  p.
                    早餐：敬请自理<br/>
                    中餐：敬请自理<br/>
                    晚餐：敬请自理
                  ul.tour-img
                    li 
                      img(src="http://file.gzl.cn/group1/M00/1E/0D/wKkBH1v0ulSAKV11AAB5dIVrnUI868.jpg")
                .tour-info
                  span.tour-tip
                    +icon
                  p 开罗塞米勒米斯洲际酒店
                  .tour-hotel-level
                    -for (var i=0;i<5;i++)
                      +icon("#icon-diamond")
                  ul.tour-img
                    li 
                      img(src="http://www.gzl.com.cn/b2c-image/2015/9/23/deac2e55-4bfc-4b6f-98ca-2065c0118345_300X200.jpg")
          li.introduction-item#notice
            .gzl-title
              span.gzl-title__info
                strong 预定须知
            p.text-info Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, quisquam doloremque. Officia magnam maiores tempora, aspernatur aperiam maxime doloremque aut, debitis minus esse, id eligendi! Aperiam, dolores blanditiis. Corrupti, aperiam.Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, quisquam doloremque. Officia magnam maiores tempora, aspernatur aperiam maxime doloremque aut, debitis minus esse, id eligendi! Aperiam, dolores blanditiis. Corrupti, aperiam. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae tempora possimus quod totam necessitatibus officia quidem, est omnis ipsam quisquam, eius fugiat molestias! Distinctio accusantium numquam, voluptates nemo eveniet vel? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laborum minus adipisci similique nemo, doloribus asperiores eos voluptatum soluta quia dolor. Laborum vitae aperiam deleniti corporis illo! Aliquam, dolore. Dignissimos, tempore. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut adipisci et tenetur tempore alias saepe, minus doloremque in impedit optio molestiae eveniet quibusdam blanditiis quis, ex magni velit nesciunt? Quod.
          li.introduction-item#notes
            .gzl-title
              span.gzl-title__info
                strong 注意事项
            p.text-info Lorem ipsum, dolor sit amet consectetur adipisicing elit. Earum, hic tempore, debitis dolorum nemo accusantium dolores minus officia, at velit porro consequatur tenetur quo eius blanditiis exercitationem soluta veritatis sequi.
        .travel-customized.gzl-flex
          .gzl-flex__item.font-orange
            h2 
              strong 定制旅行
            p 用自己的方式，享受个性定制的行程
          .btn.btn-default 立即定制
    +asidebar([{icon: '#icon-menu',class: 'show-menu'},{icon: '#icon-schedule',class: 'show-tour'},{icon: '#icon-to-top',class: 'to-top'}])
    footer.gzl-footer
      .gzl-footbar.travel-dt-footbar
        .gzl-footbar__bd
          .gzl-toolbar__service
            +icon('#icon-service')
            span 客服
          .gzl-toolbar__collect
            +icon('#icon-collect')
            span 收藏
        .gzl-flex__item
          .btn
            a(href="../orderBooking/travelOrderBooking.html") 立即预订
    .swiper-container.tourdetail-swiper
      .swiper-wrapper
        .swiper-slide.tourdetail-slide
          .tourdetail-slide-con
            +swiper(class="gzl-swiper_fraction")
            h2: strong 吉萨金字塔群
            p.
              景点地址：深圳市南山区深南大道9037号世界之窗内 <br/>
              开放时间：09:00~17:00 <br/>
              吉萨金字塔群，塔身斜度呈51°52′，表面原有一层磨光的石灰吉萨金字塔群卫星照吉萨金字塔群卫星照岩贴面，今已剥落，入口在北面地。 <br/>
              吉萨金字塔群，塔身斜度呈51°52′，表面原有一层磨光的石灰吉萨金字塔群卫星照吉萨金字塔群卫星照岩贴面，今已剥落，入口在北面地。 <br/>
              吉萨金字塔群，塔身斜度呈51°52′，表面原有一层磨光的石灰吉萨金字塔群卫星照吉萨金字塔群卫星照岩贴面，今已剥落，入口在北面地。 <br/>
              吉萨金字塔群，塔身斜度呈51°52′，表面原有一层磨光的石灰吉萨金字塔群卫星照吉萨金字塔群卫星照岩贴面，今已剥落，入口在北面地。
        .swiper-slide.tourdetail-slide
          .tourdetail-slide-con
            +swiper(class="gzl-swiper_fraction")
            h2: strong 吉萨金字塔群
            p.
              景点地址：深圳市南山区深南大道9037号世界之窗内 <br/>
              开放时间：09:00~17:00
        .swiper-slide.tourdetail-slide 
          .tourdetail-slide-con 3
        .swiper-slide.tourdetail-slide 
          .tourdetail-slide-con 4
        .swiper-slide.tourdetail-slide 
          .tourdetail-slide-con 5
      .swiper-pagination.tourdetail-pagination
    .tour-sidebar
      .tour-sidebar-con
        ul.prod-tour
          -for (var i=1;i<20;i++)
            li.prod-tour-item 
              h2.tour-tit
                span.tour-day D#{i}
                if i%2 === 1
                  | 广州-飞机-经赫尔辛基转机-飞机-伦敦-英格兰
                else
                  | 伦敦-英格兰
append script
  script(type="text/template", id="more-coupon")
    .more-coupon
      ul.coupon-list
        <% _.each(obj, function(e, i){ %>
        li.coupon-list-item
          .coupon-item-hd 双12全球好购节
          .coupon-item-bd
            .coupon-discount ￥
              span 5000
              em 满2000可用
              .receive-btn 立即领取
            .coupon-date 2016/08/31-2017/01/01
            .show-detail 详情
          ul.coupon-item-dt
            li.gzl-flex
              label 优惠券号：
              .gzl-flex__item HDG87892115HN
            li.gzl-flex
              label 适用范围：
              .gzl-flex__item 适用于易起行散客、邮轮产品，仅适用于部分产品，可用产品请以产品为准。
            li.gzl-flex
              label 有效期限：
              .gzl-flex__item 2018/07/01 00:00-2019/07/01 24:00
            li.gzl-flex
              label 使用范围：
              .gzl-flex__item 订单金额满1000元方可使用；
        <% }) %>
  script(type="text/template", id="more-discounts")
    .more-discounts
      <% _.each(obj, function(e, i){ %>
      a.gzl-cell.gzl-cell_access
        .discounts-tip(class!="<%-e.type%>"+"-tip") <%= e.typeStr %>
        .gzl-cell__bd <%= e.con %>
        .gzl-cell__ft
      <% }) %>
  +js("productDetails/travelProductDetail.js")